<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="booking_donation_view" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>자선 예약 상세 </h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="#" data-rel="back" data-direction="reverse" data-transition="slide" class="ico_btn btn2">이전</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <!--detail info-->
        <dl id="donation_header" class="donation_view">
            <dt>
                <p><em>신청기간  :</em>12.05.30~12.06.15</p>
                <p><em>당첨자발표  :</em>12.07.01</p>
            </dt>
            <dd>
                <h3>라운드 정보</h3>
                <h5>Sky72 하늘코스<em>18H</em></h5>                        
                <ul>                    
                    <li><em>라운드날짜</em>2012.06.30(토)</li>
                    <li><em>티타임</em>06:30</li>
                    <li><em>1인 그린피</em><mark>￦2,500,000</mark></li>
                </ul>
            </dd>
        </dl><!-- // class="donation_view" 끝  --> 
        
        <!--적립기부금-->
        <dl id="donation_contents" class="donation_acc">
            <dt>
                <p>적립 기부금</p>
                <span>참여 :<mark>1,000</mark>명</span>
            </dt>
            <dd class="therm_area">
                <p class="therm">온도계</p>
                <!--목표액-->
                <p class="target">0 <span>5,000,000</span></p>
                
                <!--현재 기부금액-->
                <p class="now">
                    <span class="bar" style="width:80%;">width 값을 조정하세요~!</span>
                    <!-- [ class="txt" margin-left 값 = class="bar" width 값 - 10%  ] 로 계산합니다~!!!  -->
                    <span class="txt" style="margin-left:30%;">2,337,000</span>
                </p>
            </dd>
            <dd class="apply">응모 <mark>￦ 1,000</mark></dd>
            <!--자선 예약 신청 btn -->
            <dd class="align_c">
                <a id='donation_view_reserv_btn' href="#" data-role="button" data-theme="a"   data-transition="slide"  class="btn_type2">자선 예약 신청</a>
<!--                 <a href="#" data-role="button" data-theme="a" data-rel="dialog"  data-transition="slide"  class="btn_type2">자선 예약 신청</a> -->
            </dd>
            
            <!--참여완료일때  -->
            <!--dd class="ok">참여완료</dd-->
            
            <!--당첨자확인 영역 -->
            <!--dd class="win_area">
                <p class="win">당첨자 <mark>타이거우즈</mark></p>
                <p class="bt"><a href="donation_aband_popup.html" data-role="button" data-theme="c" data-rel="dialog"  data-transition="slide" data-inline="true" data-mini="true">당첨포기</a></p>
                <p class="txt">자선 예약에 참여하여 주신 모든 분들께<br /> 감사 드립니다.</p>
            </dd-->
        </dl><!-- //  class=" donation_acc" 끝  -->  
        
        <!--info-->
        <div id="donation_footer" class="booking_info">
            <ul data-role="listview">
                <li><a href="booking_view_guide.html" data-transition="slide">신청 안내</a></li>
                <li><a id="goBookingViewCourse" href="#" data-transition="slide">코스 상세 정보</a></li>
                <li><a id="goBookingViewPrice" href="#" data-transition="slide">가격 정보</a></li>
            </ul>
        </div><!-- //  class="booking_info" 끝  -->  
                       
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
